<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>色谱报告</title>
    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css" />
    <script src="../js/mui.min.js"></script>
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <script src="../js/vue.js"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/sm2.js"></script>
    <script src="../js/sm3.js"></script>
    <script src="../js/feedback.js"></script>
    <script src="../js/clipboard.js"></script>
    <script src="../js/flexible.js"></script>
    <script src="../wx/uap.js"></script>
    <script src="../js/vconsole.min.js"></script>
    <script src="./text.js" type="text/javascript"></script>
    <style>
      .trainTicketstitle {
        background-image: linear-gradient(
          to right,
          rgb(13, 121, 131),
          rgb(25, 179, 182)
        );
        padding: 0.3rem 0.2rem;
        color: #fff;
        height: 2.43rem;
        font-size: .36rem;
        position: fixed;
        width: 100%;
      }
      input[type="text"]{
        margin: 0;
        width: 100%;
        height: 85%;
        padding: 0;
        line-height: 1rem;
      }
      .mui-btn-blue,
      .mui-btn-primary,
      input[type="submit"] {
        background-color: rgb(25, 179, 182);
        color: #fff;
        border: 1px solid rgb(25, 179, 182);
        border-radius: 4px;
        margin-right: 10px;
      }

      .left {
        text-align: center;
        line-height: 1rem;
      }

      .left a {
        line-height: 0.5rem;
        color: #fff;
      }

      .left .left1 {
        position: absolute;
        left: 0.3rem;
        top: 0.35rem;
      }

      .left :nth-child(1) span {
        line-height: 2rem;
        color: #fff;
      }

      .left :nth-child(2) span {
        line-height: 2rem;
        color: #fff;
      }

      .file-input {
        opacity: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
      }

      .top {
        height: 10rem;
        width: 100%;
        box-sizing: border-box;
        font-size: 0.4rem;
        /* border: 3px dashed rgb(25, 179, 182); */
        position: relative;
        border-radius: 10px;
        padding: 0.3rem;
        margin-bottom: 0.3rem;
        position: relative;
        margin-top: 1rem;
        background: #fff;
        /* width: 80%;
            height: 80%; */
      }

      /* .bgcImg {
        width: 60%;
        height: 3rem;
        margin: 0 auto;
        background: url("../image/printTop.png") center;
        background-size: 100% 100%;
        margin-top: 2.5rem;
        margin-bottom: 3.3rem;
      } */

      .frontandback {
        /* position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); */
        font-size: 0.35rem;
        padding: 0.1rem 0.2rem;
        /* border-radius: 6%;
            background: rgb(179, 179, 179);
            opacity: 0.8;
            color: #fff;
            border-radius: 10px; */
      }
      .head{
        position: fixed;
        background-color: #fff;
        margin: .32rem auto;
        width: 7.04rem;
        color: #333;
      }
      .head .title{
        display: flex;
        justify-content: flex-start;
        height: .84rem;
      }
      .head .title h4{
        position: absolute;
        left: .74rem;
        top: .2rem;
        font-size: .32rem;
        width: 6.2rem;
        /* height: .84rem; */
        text-align: left;
        /* line-height: .84rem; */
        /* border-bottom:1px dashed rgb(25, 179, 182); */
        }
        .head .line{
        position: absolute;
        width: 6.3rem;
        top: .72rem;
        left: .36rem;
        border-bottom:1px dashed rgb(25, 179, 182);
      }
      /* 中间 */
      .list{
          width: 7.04rem;
          /* background-color: blue; */
          margin: 0rem auto 0;
          padding-top: 2.3rem;
          /* height: 3rem; */
          background-color: #f7faff;
          /* position: relative; */
          /* margin: 0 .01rem; */
      }
      .productsDescription{
          background-color: #fff;
          text-align: center;
          /* -webkit-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          -moz-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5); */
          padding: 0.1rem /* 10/100 */;
          
      }
      .productsDescription .title{
        display: flex;
        justify-content: flex-start;
        height: .84rem;
        /* position: relative; */
        /* height: 1rem; */
      }
      .productsDescription .title h4{
        position: absolute;
        left: .74rem;
        top: .2rem;
        font-size: .32rem;
        width: 6.2rem;
        /* height: .84rem; */
        text-align: left;
        /* line-height: .84rem; */
        /* border-bottom:1px dashed rgb(25, 179, 182); */
        }
      .bar{
        position: absolute;
        width: .06rem /* 1/100 */;
        left: .36rem;
        top: .2rem;
        height: .3rem /* 1/100 */;
        background: #0E7677;
        border-radius: 3px;
      }
      .leftCircle{
        width: 0.15rem;
        height: 0.2rem;
        background-color: rgb(13, 121, 131);
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        position: absolute;
        /* top: 1.8rem;
        left: 0.35rem; */
        top: 0.6rem;
        left: -0.01rem;
      }
      .rightCircle{
        width: 0.15rem;
        height: 0.2rem;
        background-color: rgb(25, 179, 182);
        border-top-left-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem;
        position: absolute;
        top: 0.6rem;
        right: -.01rem;
      }
      .productsDescription .line{
        position: absolute;
        width: 6.3rem;
        top: .72rem;
        left: .36rem;
        border-bottom:1px dashed rgb(25, 179, 182);
      }
      .description{
        background-color: #fff;
        padding: 0.1rem;
      }
      .description li{
        width: 100%;
        height: .9rem;
        display: flex;
        text-align: left;
        padding-top: 0.15rem;
        justify-content: flex-start;
        align-content: flex-start;
        /* flex-wrap:wrap; */
      }
      .description li p{
        font-size: .3rem;
        line-height: .9rem;
        width: 35%;
      }
      .productsDescription .description li span{
        width: 65%;
        line-height: .9rem;
        padding-bottom: 0.06rem;
        border-bottom: 0.01rem dashed #aeaeb3;
      }
      .productData{
        margin-top: 0.2rem;
        /* width: 7.04rem;
        height: 3.56rem; */
        /* position: relative; */
        background-color: #fff;
      }
      
      .productData .dot{
        /* position: absolute; */
       width: 0.12rem;
        height: 0.12rem;
        background: #0e7677;
        border-radius: 50%;
        line-height: 0.25rem;
        margin-top: 0.14rem;
      }
      .productData .description p{
        /* position: absolute; */
        font-size: .32rem;
        font-weight: 600;
        color: #1E3754;
        line-height: .45rem;
        margin: 0 auto;
      }
      .productData .description p:nth-child(3){
        /* position: absolute; */
        width: 6.3rem;
        height: .01rem;
        border: .01rem solid #D3E3FE;
      }
      .gas{
        /* position: absolute; */
        margin: 0 auto;
        width: 6.3rem;
      }
      .gas div{
        display: flex;
        justify-content: flex-start;
        width: 100%;
        height: .73rem;
      }
      .gas div:nth-child(1){
        border: .01rem solid #ECF3FF;
      }
      .gas div p {
        font-size: .24rem;
        color: #8A9DBE;
        line-height: .73rem;
      }
      .gas div p:nth-child(1){
        margin-left: .39rem;
        width: 25%;
      }
      .gas div p:nth-child(2){
        text-align: center;
        width: 75%;
        display: flex;
        justify-content: space-around;
      }
      .gas .careful{
        background-color: #F7FAFF;
      }












      .four{
        padding-bottom: 0.2rem;
        border-bottom: 0.01rem dashed #aeaeb3;
      }
      .productComparison{
        margin-top: 0.2rem;
        padding-bottom: 1.6rem;
      }
      .productComparison .description li span{
        width: 65%;
        line-height: .9rem;
        padding-bottom: 0.06rem;
        border-bottom: 0.01rem dashed #aeaeb3;
      }

      .form {
        padding: 0.2rem;
        line-height: 0.5rem;
        /* background: #fff; */
        margin: 0.2rem 0.2rem 0.2rem;
      }






      
      /* 底部 */
      .trainTickets .foot {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        box-sizing: border-box;
        padding: 0.2rem;
        background-color: #f7faff;
        width: 100%;
        /* box-shadow: 4px -4px 4px #eee; */
        text-align: center;
      }
      .foot button{
        width: 2.1rem;
        height: .96rem;
        box-shadow: 0px 8px 8px 0px rgba(4, 124, 137, 0.05);
        border-radius: 4px;
      }
      .foot .edit{
        background: #FFFFFF;
        border: 2px solid #0E7677;
        font-weight: 600;
        color: #0E7677;
      }
      .foot .sendOut{
        background: #0E7677;
        font-weight: 600;
        color: #FFFFFF;
      }
      #mod{
        display: flex;
        justify-content: space-around;
        flex-wrap: nowrap;
        width: 80%;
        text-align: center;
      }





      

      /* .line1 {
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 111;
      }

      .lineFlag1 {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down1 2s linear infinite;
        animation: bounce-down1 2s linear infinite;
      } */

      @-webkit-keyframes bounce-down1 {
        25% {
          -webkit-transform: translateY(1.5rem);
        }

        50% {
          -webkit-transform: translateY(4rem);
        }

        100% {
          -webkit-transform: translateY(7.5rem);
        }
      }

      @keyframes bounce-down1 {
        25% {
          transform: translateY(7.5rem);
        }

        50% {
          transform: translateY(4rem);
        }

        100% {
          transform: translateY(0);
        }
      }

      /* .line {
        position: absolute;
        top: 0.3rem;
        left: 0px;
        width: 100%;
        height: 9.2rem;
        z-index: 111;
      }

      .lineFlag {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down 2s linear infinite;
        animation: bounce-down 2s linear infinite;
      } */

      @-webkit-keyframes bounce-down {
        25% {
          -webkit-transform: translateY(0.15rem);
        }

        50% {
          -webkit-transform: translateY(4.55rem);
        }

        100% {
          -webkit-transform: translateY(9.2rem);
        }
      }

      @keyframes bounce-down {
        25% {
          transform: translateY(9.2rem);
        }

        50% {
          transform: translateY(4.55rem);
        }

        100% {
          transform: translateY(0.15rem);
        }
      }

      .mui-toast-container {
        top: 50%;
      }

      .form .title1 {
        font-size: 0.35rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 0.2rem;
      }

      .title .titleline {
        /* height: 0.3rem; */
        /* border: 2px solid rgb(25, 179, 182); */
        /* margin-right: 0.2rem;
            margin-top: 0.07rem; */
      }

      .clipboardContent {
        background-color: rgb(251, 247, 247);
        padding: 0.4rem;
        position: relative;
        height: calc(100vh - 3.5rem);
      }

      .clipboardContent img {
        width: 0.3rem;
      }

      .content1 {
        overflow: scroll;
        height: 100%;
        padding: 0.1rem 0.2rem;
        word-wrap: break-word;
      }

      .frontandback .bottom2 {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
        width: 0.3rem;
      }

      .frontandback .left2 {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0.2rem;
        margin-top: 0.2rem;
        width: 0.3rem;
      }

      .frontandback .left1 {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0.2rem;
        margin-top: 0.2rem;
        width: 0.3rem;
      }

      .frontandback .bottom1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0.3rem;
        margin-left: 0.2rem;
        margin-bottom: 0.2rem;
      }

      .topImg .bottom2 {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0.2rem;
        padding-top: 0.2rem;
        width: 0.3rem;
      }

      .bottomImg .left2 {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0.2rem;
        width: 0.3rem;
        padding-bottom: 0.2rem;
      }

      .bottomImg .left1 {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 0.2rem;
        width: 0.3rem;
        padding-bottom: 0.2rem;
      }

      .topImg .bottom1 {
        position: absolute;
        right: 0;
        top: 0;
        width: 0.3rem;
        margin-right: 0.2rem;
        padding-top: 0.2rem;
      }
      .home{
        font-family: Muiicons;
        font-size: .5rem;
        font-weight: 400;
        font-style: normal;
        line-height: 1;
        display: inline-block;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
      }

      .home:before {
        content: '\e471';
      }

      /* 弹出框 */
      .btn-pop{
            background-color: #ffd475;  
            border-radius: .1rem;
            zoom:200%;
 
        }
      #background-pop{
            display: none;
            position: fixed;
            text-align: center;
            line-height: .8rem;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
        }
        #div-pop{
          background: #ffffff;
          width: 70%;
          z-index: 1;
          margin: 45% auto;
          overflow: auto;
        }
        .div-top{
            width: 100%;
            height: auto;
            background-color: rgb(25, 179, 182);
            color: #ffffff;
            display: flex;
            justify-content:space-between
        }
        .div-top div{
            padding: 3px 5px 5px 8px;
        }
        .div-top div span{
            color: white;
            margin-bottom: 10px ;
            margin-left: 20px ;
            cursor: pointer;
            float: right;
        }
        .div-content{
            width: auto;
            height: 200px;
            overflow: auto;
        }
        .div-footer{
            text-align: center;
            background-color: #f7faff;
        }
        .div-footer button{
          background-color: rgb(25, 179, 182);
          color: #fff;
        }
    </style>
  </head>

  <body>
    <div id="app">
      <!-- 提示信息 -->
      <div class="is-loading">
        <div class="curtain">
          <div class="loadingBgc">
            <div class="loader"></div>
            <p class='loadingF'>正在识别</p>
          </div>
        </div>
      </div>
      <div class="trainTickets">
        <!-- 头部 -->
        <div class="trainTicketstitle">
          <div class="arrow clearfix">
            <div class="left">
              <span class="left1" @click="zhuce">
                <a
                  class="home"
                ></a>
                <!-- <span>返回&gt;</span> -->
              </span>
              <!-- <van-icon name="arrow-left" /> -->
              <span style="font-weight: 600;">识别结果</span>
            </div>
          </div>
          <div class="head">
            <div class="title">
              <div class="bar"></div>
              <h4>绝缘油例行试验报告</h4>
            </div>
            <div class="leftCircle"></div>
            <div class="rightCircle"></div>
            <div class="line"></div>
          </div>
        </div>
        <!-- 中间 -->
        <div class="list">
            <div class="productsDescription">
                
                <ul  class="description">
                  <li>
                    <p>取样地点</p>
                    <span><input type="text" v-model="signRule['取样地点']" style="border-style:none;" readonly="readonly"></input></span>
                  </li>
                  <li>
                    <p>取样日期</p>
                    <span><input type="text" v-model="signRule['取样日期']" style="border-style:none;" readonly="readonly"></input></span>
                  </li>
                  <li>
                    <p>分析日期</p>
                    <span><input type="text" v-model="signRule['分析日期']" style="border-style:none;" readonly="readonly"></input></span>
                  </li>
                  <li>
                    <p>设备名称</p>
                    <span><input type="text" v-model="signRule['设备名称']" style="border-style:none;" readonly="readonly"></input></span>
                  </li>
                  <li>
                    <p>设备编号</p>
                    <span><input type="text" v-model="signRule['设备编号']" style="border-style:none;" readonly="readonly"></input></span>
                  </li>
                  <li>
                    <p>电压等级(kV)</p>
                    <span><input type="text" v-model="signRule['电压等级']" style="border-style:none;" readonly="readonly"></input></span>
                  </li>
                  
                </ul>
            </div>
            <div class="productData">
              <div class="description">
                <div style="display: flex">
                  <div class="dot"></div>
                  <p>外观</p>
                </div>
                <p></p>
              </div>
              <div class="gas">
                <div class="careful">
                  <p>标准</p>
                  <p>试验结果</p>
                </div>
                <div class="careful">
                  <p></p>
                  <p>
                    <span>A</span>
                    <span>B</span>
                    <span>C</span>
                    <span>O</span>
                  </p>
                </div>
                <div>
                  <p>
                    <span><input type="text" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="/"></input></span>
                  </p>
                  <p style="font-size: .16rem; width: 85%;">
                    <span><input type="text" v-model="signRule['外观A']" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="123"></input></span>
                    <span><input type="text" v-model="signRule['外观B']" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="123"></input></span>
                    <span><input type="text" v-model="signRule['外观C']" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="123"></input></span>
                    <span><input type="text" v-model="signRule['外观O']" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="123"></input></span>
                  </p>
                </div>
              </div>
            </div>
            <div class="productData">
              <div class="description">
                <div style="display: flex">
                  <div class="dot"></div>
                  <p>击穿电压&nbsp(kV)</p>
                </div>
                <p></p>
              </div>
              <div class="gas">
                <div class="careful">
                  <p>标准</p>
                  <p>试验结果</p>
                </div>
                <div class="careful">
                  <p></p>
                  <p>
                    <span>A</span>
                    <span>B</span>
                    <span>C</span>
                    <span>O</span>
                  </p>
                </div>
                <div>
                  <p>
                    <span><input type="text" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="/"></input></span>
                  </p>
                  <p>
                    <span><input type="text" v-model="signRule['击穿电压A']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem" readonly="readonly" value="123"></input></span>
                    <span><input type="text" v-model="signRule['击穿电压B']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem" readonly="readonly" value="123"></input></span>
                    <span><input type="text" v-model="signRule['击穿电压C']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem" readonly="readonly" value="123"></input></span>
                    <span><input type="text" v-model="signRule['击穿电压O']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem" readonly="readonly" value="123"></input></span>
                  </p>
                </div>
              </div>
            </div>
            
            <div class="productData">
              <div class="description">
                <div style="display: flex">
                  <div class="dot"></div>
                  <p>水分&nbsp(mg/L)</p>
                </div>
                <p></p>
              </div>
              <div class="gas">
                <div class="careful">
                  <p>标准</p>
                  <p>含量(μl/L)</p>
                </div>
                <div class="careful">
                  <p></p>
                  <p>
                    <span>A</span>
                    <span>B</span>
                    <span>C</span>
                    <span>B</span>
                  </p>
                </div>
                <div>
                  <p>
                    <span><input type="text" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="/"></span>
                  </p>
                  <p>
                    <span><input type="text" v-model="signRule['水分A']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text" v-model="signRule['水分B']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text" v-model="signRule['水分C']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text" v-model="signRule['水分O']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                  </p>
                </div>
              </div>
            </div>
            
            <div class="productData">
              <div class="description">
                <div style="display: flex">
                  <div class="dot"></div>
                  <p>介质损耗因数&nbsp(%)</p>
                </div>
                <p></p>
              </div>
              <div class="gas">
                <div class="careful">
                  <p>标准</p>
                  <p>试验结果</p>
                </div>
                <div class="careful">
                  <p></p>
                  <p>
                    <span>A</span>
                    <span>B</span>
                    <span>C</span>
                    <span>B</span>
                  </p>
                </div>
                <div>
                  <p>
                    <span><input type="text" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="/"></span>
                  </p>
                  <p>
                    <span><input type="text"  v-model="signRule['介质损耗因数A']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text"  v-model="signRule['介质损耗因数B']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text"  v-model="signRule['介质损耗因数C']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text"  v-model="signRule['介质损耗因数O']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                  </p>
                </div>
              </div>
            </div>
           
            <div class="productData">
              <div class="description">
                <div style="display: flex">
                  <div class="dot"></div>
                  <p>酸值&nbsp(mgKOH/g)</p>
                </div>
                <p></p>
              </div>
              <div class="gas">
                <div class="careful">
                  <p>注意值</p>
                  <p>试验结果</p>
                </div>
                <div class="careful">
                  <p></p>
                  <p>
                    <span>A</span>
                    <span>B</span>
                    <span>C</span>
                    <span>B</span>
                  </p>
                </div>
                <div>
                  <p>
                    <span><input type="text" style="border-style:none;width: 100%;font-size: .26rem;" readonly="readonly" value="/"></span>
                  </p>
                  <p>
                    <span><input type="text"   v-model="signRule['酸值A']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text"   v-model="signRule['酸值B']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text"   v-model="signRule['酸值C']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                    <span><input type="text"   v-model="signRule['酸值O']" style="border-style:none;width: 100%;text-align: center;font-size: .26rem;" readonly="readonly" value="123"></span>
                  </p>
                </div>
              </div>
            </div>
            
            <div class="productComparison">
              <ul class="description">
                <li>
                  <p>标准及规程</p>
                  <span><input type="text" v-model="signRule['标准及规程']" id="test" style="border-style:none;width: 100%;;" readonly="readonly" value="123"></span>
                </li>
                <li>
                  <p>结论</p>
                  <span><input type="text" v-model="signRule['结论']" id="test" style="border-style:none;width: 100%;" readonly="readonly" value="123"></span>
                </li>
               
                <li>
                  <p>取样人</p>
                  <span><input type="text" v-model="signRule['取样人']" id="test" style="border-style:none;width: 100%;" readonly="readonly" value="123"></span>
                </li>
                <li>
                  <p>试验人</p>
                  <span><input type="text" v-model="signRule['试验人']" id="test" style="border-style:none;width: 100%;" readonly="readonly" value="123"></span>
                </li>
                <li>
                  <p>审核</p>
                  <span><input type="text" v-model="signRule['审核']" id="test"  style="border-style:none;width: 100%;" readonly="readonly" value="123"></span>
                </li>
              </ul>
            </div>
        </div>
      </div>
  </div>
    <script>
      new Vue({
        el: "#app",

        data() {
          return {
            clipboard: sessionStorage.getItem("clipboard"),
            // addedPreviewFile: "", //上传图片的base64
            // timestamp: "", //时间戳
            // accesstoken: "", //token
            display:"black",
            displays:"",
            fileName:sessionStorage.getItem("fileName"),
            tAttachmentId:sessionStorage.getItem("tAttachmentId"),
            signRule:{
              // "取样地点":"123",
              // "取样日期":"",
              // "分析日期":"",
              // "设备名称":"",
              // "设备编号":"",
              // "电压等级":"",
              // "击穿电压":"",
              // "水分":"",
              // "介质损耗因数":[],
              // "酸值":[],
              // "标准及规程":"",
              // "结论":"",
              // "取样人":[],
              // "试验人":[],
            },
            // 电压
            dianya:"",
            // 结论
            jieLun:"",
            // 击穿电压
            breakdown:"",
            // 水分
            waterContent:"",
            // 介质损耗
            loss:"",
            // 酸值
            acid:"",
            // 弹出框
            addData:{},
            // 颜色
            colors:'',
          };
        },
        created() {
            this.particulars();
        },
        methods: {
            particulars() {
            let data = {
              userId: sessionStorage.getItem("userId"),
              orgId: sessionStorage.getItem("unitId"),
              timestamp: new Date().getTime() + "",
              id: sessionStorage.getItem("id"),
            };
            data = JSON.stringify(data);
            let sign = sm3(data);
            let AuthenticationSession =
              sessionStorage.getItem("Authentication");
            //   // let arr;
            $.ajax({
              url:
                localUrlLink +
                iscp_port +
                "/yipailu/IdentificationReport/selectById",
              type: "post",
              async: false, //是否同步，false表示同步请求
              dataType: "json",
              data: data,
              headers: {
                "Content-Type": "application/json;charset=UTF-8",
                Authentication: AuthenticationSession,
                sign: sign,
              },
              success: (res, txt, xhr) => {
                if (sm3(res.resultValueStr) == xhr.getResponseHeader("sign")) {
                  let Authentication = xhr.getResponseHeader("Authentication");
                  if (res.code == 200) {
                    if (Authentication) {
                      sessionStorage.setItem("Authentication", Authentication);
                      // if (num == 1) {
                      //   $(location).attr("href", "Voice.html");
                      // }
                      const resultValue = JSON.parse(res.resultValue.message);                                                                                                        
                      this.signRule = resultValue;
                      // for (var item in res.resultValue) {
                      //   // document.write(arr[item] + ",");
                      // }
                      // mui.toast(res.resultValue, {
                      //   duration: "long",
                      //   type: "div",
                      // });
                      // setTimeout(() => {
                      //   $(location).attr("href", "luYinlist.html");
                      // }, 1000);
                    }
                    // } else if (res.code == 500) {
                    // mui.toast(res.resultValue, {
                    //   duration: "long",
                    //   type: "div",
                    // });
                  } else {
                    // mui.toast("请求异常,请稍后再试", {
                    //   duration: "long",
                    //   type: "div",
                    // });
                  }
                } else {
                  // mui.toast("完整性校验失败", {
                  //   duration: "long",
                  //   type: "div",
                  // });
                }
              },
              error: (e) => {
                // $(".loader").css("display", "none");
                // $(".curtain").css("display", "none");
                // mui.toast("请求异常,请稍后再试", {
                //   duration: "long",
                //   type: "div",
                // });
              },
            });
          },
          
          // 返回
          zhuce() {
            
              $(location).attr("href", "recognitionResult.html");
            //   sessionStorage.clear()
            },
        },
      });
    </script> 
  </body>
</html>

<body></body>
